<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS中常用的事件</title>
</head>
<body>
<script type="text/javascript">
  // onabort	图像加载被中断
  // onblur	元素失去焦点
  // onchange	用户改变域的内容
  // onclick	鼠标点击某个对象
  // ondblclick	鼠标双击某个对象
  // onerror	当加载文档或图像时发生某个错误
  // onfocus	元素获得焦点
  // onkeydown	某个键盘的键被按下
  // onkeypress	某个键盘的键被按下或按住
  // onkeyup	某个键盘的键被松开
  // onload	某个页面或图像被完成加载
  // onmousedown	某个鼠标按键被按下
  // onmousemove	鼠标被移动
  // onmouseout	鼠标从某元素移开
  // onmouseover	鼠标被移到某元素之上
  // onmouseup	某个鼠标按键被松开
  // onreset	重置按钮被点击
  // onresize	窗口或框架被调整尺寸
  // onselect	文本被选定
  // onsubmit	提交按钮被点击
  // onunload	用户退出页面

  //任何一个事件都会对应一个事件句柄，事件句柄是在事件前添加on。
  //onxxx这个事件句柄出现在一个标签的属性位置上。（事件句柄以属性的形式存在）

  function sayHello(){
    alert("say Hello");
  }
</script>
<input type="button" value="hello" onclick="sayHello()">
<input type="button" value="hello2" id="mybtn">
<input type="button" value="hello3" id="mybtn1">

<script type="text/javascript">
  function dosome(){
    alert("do some");
  }
  /*
  * 第二种注册方式是使用纯JS代码完成事件的注册
  * */
  //第一步：先获取这个按钮对像（document是全部小写，内置对象，可以直接用，document就代表整个HTML页面）
  var btnObj=document.getElementById("mybtn");
  //第二步：给按钮对象的onclick属性赋值
  btnObj.onclick=dosome;
  var btnObj1=document.getElementById("mybtn1");
  btnObj1.onclick=function (){            //这个函数没有名字，叫做匿名函数，这个匿名函数是一个回调函数
    alert("test..........");
  }
</script>
</body>
</html>